import { Link } from "expo-router";
import { Text, View, StyleSheet } from "react-native";
import { useRouter } from "expo-router";

export default function AboutScreen() {
  const router = useRouter();
  return (
    <View style={styles.container}>
      <Text style={styles.text}>setting screen</Text>
      <Link
        style={styles.text}
        href={{
          pathname: "/user/[id]",
          params: {
            id: 1,
          },
        }}
      >
        user
      </Link>
      <Link href="/modal" style={styles.link}>
        Open modal
      </Link>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    // backgroundColor: "#25292e",
    justifyContent: "center",
    alignItems: "center",
  },
  text: {
    // color: "#fff",
  },
  link: {
    paddingTop: 20,
    fontSize: 20,
  },
});
